<template>
    <div>
        <MyHeader></MyHeader>
        <Tap style="margin: auto;min-width: 1200px;max-width: 1200px"></Tap>
        <Swiper></Swiper>
        <Live></Live>
        <Course  coursetype='free' pagesize="10" style="margin-top: 50px">免费课程</Course>
        <Course coursetype='boutique'>精品课程 </Course>
        <Course coursetype='discount'> 限时折扣课程</Course>
        <HeadlineSelection>头条精选</HeadlineSelection>
        <MyFooter></MyFooter>
    </div>
</template>

<script>
    import MyFooter from "../components/MyFooter"
    import MyHeader from "../components/MyHeader"
    import Swiper from "../components/Swiper"
    import Tap from "../components/Tap"
    import Course from "../components/Course"
    import Live from "../components/Live"
    import HeadlineSelection from "../components/HeadlineSelection"
    export default {
        name: "Index",
        components:{
            MyFooter,
            MyHeader,
            Swiper,
            Tap,
            Course,
            Live,
            HeadlineSelection
        }
    }
</script>

<style scoped>
    /deep/#asideUl>li:first-child {
        padding-bottom: 20px;
        color: rgb(0,207,140);
        border-bottom:1px solid rgb(0,207,140);
    }
</style>